
<!DOCTYPE html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title><?php echo CHtml::encode($this->pageTitle) ?></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <script src="<?php echo Yii::app()->request->baseUrl ?>/javascripts/1.3.0/init.min.js" type="text/javascript"></script>

        <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700" rel="stylesheet" type="text/css">
        <link href="<?php echo Yii::app()->request->baseUrl; ?>/css/adminflare/black-blue/bootstrap.min.css" media="all" rel="stylesheet" type="text/css" id="bootstrap-css">
        <link href="<?php echo Yii::app()->request->baseUrl; ?>/css/adminflare/black-blue/adminflare.min.css" media="all" rel="stylesheet" type="text/css" id="bootstrap-css">

        <script src="<?php echo Yii::app()->request->baseUrl ?>/javascripts/1.3.0/modernizr-jquery.min.js" type="text/javascript"></script>
        <!--<script src="<?php // echo Yii::app()->request->baseUrl        ?>/javascripts/1.3.0/adminflare-demo.min.js" type="text/javascript"></script>-->
        <script src="<?php echo Yii::app()->request->baseUrl ?>/javascripts/1.3.0/bootstrap.min.js" type="text/javascript"></script>
        <script src="<?php echo Yii::app()->request->baseUrl ?>/javascripts/1.3.0/adminflare.min.js" type="text/javascript"></script>

<!--        <script type="text/javascript">
            $(document).ready(function() {
                prettyPrint();
            });
        </script>-->
        <style type="text/css">
            .box, .well { padding-bottom: 0; }
        </style>
    </head>
    <body>
        <script type="text/javascript">demoSetBodyLayout();</script>
        <!-- Main navigation bar
                ================================================== -->
        <header class="navbar navbar-fixed-top" id="main-navbar">
            <div class="navbar-inner">
                <div class="container">
                    <a class="logo" href="<?php echo Yii::app()->request->baseUrl ?>"><img alt="Af_logo" src="<?php echo Yii::app()->request->baseUrl ?>/images/af-logo.png"></a>
                    <a class="btn nav-button collapsed" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-reorder"></span>
                    </a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-book"></i> Aset <i class=" icon-caret-down"></i></a>
                                <ul class="dropdown-menu">
                                    <li><a href="<?php echo Yii::app()->createUrl('KIB/KibA/create') ?>">Entry KIB.A - Tanah</a></li>
                                    <li><a href="<?php echo Yii::app()->createUrl('KIB/KibB/create') ?>">Entry KIB.B - Peralatan dan Mesin</a></li>
                                    <li class="nav-header">Nav header</li>
                                    <li><a href="#">Separated link</a></li>
                                    <li><a href="#">One more separated link</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-cogs"></i> Master <i class=" icon-caret-down"></i></a>
                                <ul class="dropdown-menu">
                                    <li><a href="<?php echo Yii::app()->createUrl('MasterFile/Sk/list') ?>">Jenis SK</a></li>
                                    <li><a href="<?php echo Yii::app()->createUrl('MasterFile/Jabatan/list') ?>">Jabatan</a></li>
                                    <li><a href="<?php echo Yii::app()->createUrl('MasterFile/Ppat/list') ?>">PPAT</a></li>
                                    <li><a href="<?php echo Yii::app()->createUrl('MasterFile/FaktorHit/list') ?>">Faktor Hitung</a></li>
                                    <li><a href="<?php echo Yii::app()->createUrl('MasterFile/JenisDok/list') ?>">Jenis Dokumen</a></li>
                                    <li><a href="<?php echo Yii::app()->createUrl('MasterFile/JenisPrh/list') ?>">Perolehan</a></li>
                                    <li><a href="<?php echo Yii::app()->createUrl('MasterFile/RekDinas/list') ?>">Bank Dinas</a></li> 
                                    <li><a href="<?php echo Yii::app()->createUrl('MasterFile/ObjekPajak/list') ?>">Objek Pajak</a></li>
                                    <li class="divider"></li>
                                    <li><a href="<?php echo Yii::app()->createUrl('MasterFile/ViaBayar/List') ?>">Via Pembayaran</a></li>
                                </ul>
                            </li>
                            <li class="divider-vertical"></li>
                        </ul>
                        <ul class="nav pull-right">
                            <li>
                                <ul class="messages">
                                    <li>
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-wrench"></i> Utilitas <i class=" icon-caret-down"></i></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="<?php echo Yii::app()->createUrl('Utilities/EntryDataOrganisasi/create') ?>">Entry Data Organisasi</a></li>
                                            <li><a href="<?php echo Yii::app()->createUrl('Utilities/EntryDataPejabat') ?>">Entry Data Pejabat</a></li>
                                            <li><a href="<?php echo Yii::app()->createUrl('Utilities/SettingNilai/create') ?>">Setting Nilai</a></li>
                                            <li><a href="<?php echo Yii::app()->createUrl('Utilities/SettingNomor/create/create') ?>">Setting Nomor</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="separator"></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle usermenu" data-toggle="dropdown">
                                    <img alt="Avatar" src="<?php echo Yii::app()->request->baseUrl ?>/images/avatar.png">
                                    <span>&nbsp;&nbsp;Admin</span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="<?php echo Yii::app()->createUrl('/site/logout') ?>"><i class="icon-off"></i> Logout</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </header>
        <!-- / Main navigation bar -->

        <!-- Left navigation panel
                ================================================== -->
        <!--        <nav id="left-panel">
                    <div id="left-panel-content">
                        <ul>
                            <li>
                                <a href="dashboard.html"><span class="icon-dashboard"></span>Dashboard</a>
                            </li>
                            <li>
                                <a href="layout.html"><span class="icon-th-large"></span>Layout</a>
                            </li>
                            <li class="active">
                                <a href="typography.html"><span class="icon-font"></span>Typography</a>
                            </li>
                            <li>
                                <a href="forms.html"><span class="icon-edit"></span>Forms</a>
                            </li>
                            <li>
                                <a href="tables.html"><span class="icon-table"></span>Tables</a>
                            </li>
        
                            <li>
                                <a href="components.html"><span class="icon-inbox"></span>Components</a>
                            </li>
                            <li>
                                <a href="javascript.html"><span class="icon-cog"></span>JavaScript</a>
                            </li>
                            <li class="lp-dropdown">
                                <a href="#" class="lp-dropdown-toggle" id="extras-dropdown"><span class="icon-reorder"></span>Extras</a>
                                <ul class="lp-dropdown-menu" data-dropdown-owner="extras-dropdown">
                                    <li>
                                        <a tabindex="-1" href="extras-icons.html"><span class="icon-coffee"></span>Icons</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="extras-charts.html"><span class="icon-bar-chart"></span>Charts</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="extras-widgets.html"><span class="icon-star"></span>Widgets</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="lp-dropdown">
                                <a href="#" class="lp-dropdown-toggle" id="pages-dropdown"><span class="icon-file-alt"></span>Pages</a>
                                <ul class="lp-dropdown-menu simple" data-dropdown-owner="pages-dropdown">
                                    <li>
                                        <a tabindex="-1" href="index.html"><i class="icon-signin"></i>&nbsp;&nbsp;Sign In</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="pages-signup.html"><i class="icon-check"></i>&nbsp;&nbsp;Sign Up</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="pages-messages.html"><i class="icon-envelope-alt"></i>&nbsp;&nbsp;Messages</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="pages-stream.html"><i class="icon-leaf"></i>&nbsp;&nbsp;Stream</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="pages-pricing.html"><i class="icon-money"></i>&nbsp;&nbsp;Pricing</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="pages-invoice.html"><i class="icon-pencil"></i>&nbsp;&nbsp;Invoice</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="pages-map.html"><i class="icon-map-marker"></i>&nbsp;&nbsp;Full page map</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="pages-error-404.html"><i class="icon-unlink"></i>&nbsp;&nbsp;Error 404</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="pages-error-500.html"><i class="icon-bug"></i>&nbsp;&nbsp;Error 500</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="pages-blank.html"><i class="icon-bookmark-empty"></i>&nbsp;&nbsp;Blank page</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="icon-caret-down"></div>
                    <div class="icon-caret-up"></div>
                </nav>-->
        <!-- / Left navigation panel -->

        <!-- Page content
                ================================================== -->
        <section class="container">

            <!-- Headings
                    ================================================== -->
<!--            <section class="row-fluid">
                <h3 class="box-header">Headings</h3>
                <div class="box">
                    <div class="well">

                        <h1>h1. Heading 1</h1>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>

                        <h2>h2. Heading 2</h2>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>

                        <h3>h3. Heading 3</h3>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>

                        <h4>h4. Heading 4</h4>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>

                        <h5>h5. Heading 5</h5>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>

                        <h6>h6. Heading 6</h6>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                    </div>
                </div>
            </section>
             / Headings 

             Lead body copy
                    ================================================== 
            <section class="row-fluid">
                <h3 class="box-header">Lead body copy</h3>
                <div class="box">
                    <p>Make a paragraph stand out by adding <code>.lead</code>.</p>
                    <div class="well">
                        <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.</p>
                    </div>
                </div>
            </section>
             / Lead body copy 

             Blockquotes
                    ================================================== 
            <section class="row-fluid">
                <h3 class="box-header">Blockquotes</h3>
                <div class="box">
                    <p>Wrap <code>&lt;blockquote&gt;</code> around any HTML as the quote.</p>
                    <div class="well clearfix">

                        <blockquote>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
                        </blockquote>

                        <blockquote>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
                            <small>Some <cite title="">Famous Person</cite></small>
                        </blockquote>

                        <blockquote class="pull-right">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
                            <small>Some <cite title="">Famous Person</cite></small>
                        </blockquote>
                    </div>
                </div>
            </section>
             / Blockquotes 

             ================================================== 
            <section class="row-fluid">
                <h3 class="box-header">Lists</h3>
                <div class="row-fluid">
                     Unordered list
                            ================================================== 
                    <div class="box span4">
                        <p>
                            Urdered list <code>&lt;ul&gt;</code>.
                        </p>
                        <ul>
                            <li>Facilisis in pretium nisl aliquet</li>
                            <li>
                                Nulla volutpat aliquam velit
                                <ul>
                                    <li>Phasellus iaculis neque</li>
                                    <li>Purus sodales ultricies</li>
                                    <li>Vestibulum laoreet porttitor</li>
                                    <li>Ac tristique libero volutpat</li>
                                </ul>
                            </li>
                            <li>Faucibus porta lacus fringilla vel</li>
                            <li>Aenean sit amet erat nunc</li>
                            <li>Eget porttitor lorem</li>
                        </ul>
                    </div>
                     / Unordered list 

                     Ordered list
                            ================================================== 
                    <div class="box span4">
                        <p>
                            Ordered list <code>&lt;ol&gt;</code>.
                        </p>
                        <ol>
                            <li>Lorem ipsum dolor sit amet</li>
                            <li>Consectetur adipiscing elit</li>
                            <li>Integer molestie lorem at massa</li>
                            <li>Facilisis in pretium nisl aliquet</li>
                            <li>Nulla volutpat aliquam velit</li>
                            <li>Faucibus porta lacus fringilla vel</li>
                            <li>Aenean sit amet erat nunc</li>
                            <li>Eget porttitor lorem</li>
                            <li>Purus sodales ultricies</li>
                        </ol>
                    </div>
                     / Ordered list 

                     Unstyled list
                            ================================================== 
                    <div class="box span4">
                        <p>
                            Remove the <code>list-style</code> and left padding by adding <code>.unstyled</code> class.
                        </p>
                        <ul class="unstyled">
                            <li>Facilisis in pretium nisl aliquet</li>
                            <li>
                                Nulla volutpat aliquam velit
                                <ul>
                                    <li>Phasellus iaculis neque</li>
                                    <li>Purus sodales ultricies</li>
                                    <li>Vestibulum laoreet porttitor sem</li>
                                    <li>Ac tristique libero volutpat at</li>
                                </ul>
                            </li>
                            <li>Faucibus porta lacus fringilla vel</li>
                            <li>Aenean sit amet erat nunc</li>
                        </ul>
                    </div>
                     / Unstyled list 
                </div>
            </section>

             ================================================== 
            <section class="row-fluid">

                 Description
                        ================================================== 
                <div class="span6">
                    <h3 class="box-header">Description</h3>
                    <div class="box">
                        <p>Terms with their associated descriptions.</p>
                        <dl>
                            <dt>First desctiption</dt>
                            <dd>A description list is perfect for defining terms.</dd>
                            <dt>Next description</dt>
                            <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
                            <dd>Donec id elit non mi porta gravida at eget metus.</dd>
                            <dt>Another one description</dt>
                            <dd>Etiam porta sem malesuada.</dd>
                        </dl>
                    </div>
                </div>
                 / Description 

                 Horizontal description
                        ================================================== 
                <div class="span6">
                    <h3 class="box-header">Horizontal description</h3>
                    <div class="box">
                        <p>Horizontal descriptions.</p>
                        <dl class="dl-horizontal">
                            <dt>First desctiption</dt>
                            <dd>A description list is perfect for defining terms.</dd>
                            <dt>Next description</dt>
                            <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
                            <dd>Donec id elit non mi porta gravida at eget metus.</dd>
                            <dt>Another one description</dt>
                            <dd>Etiam porta sem malesuada.</dd>
                        </dl>
                    </div>
                </div>
                 / Horizontal description 
            </section>-->
            <section class="row-fluid">
                <?php echo $content; ?>
            </section>

            <!-- Page footer
                    ================================================== -->
            <footer id="main-footer">
                Copyright © 2013
                <a href="#"><?php echo CHtml::encode($this->pageTitle) ?></a> , all rights reserved.
                <a href="#" class="pull-right" id="on-top-link">
                    On Top &nbsp;<i class=" icon-chevron-up"></i>
                </a>
            </footer>
            <!-- / Page footer -->
        </section>
    </body>
</html>
